<html>
	<head>
		<meta charset="utf-8">
		<style>
			.title-a{
				margin-bottom: 10px;
				color: #fff;
				font-size: 22px;
				background-color: #000;
			}
			.fs{
				color: #fff;
			}
			.container{
				width: 300px;
				height: 300px;
			}
			.contact{
				width: 300px;
				height: 600px;
			}
			.box{
				box-sizing: border-box;
				width: 200px;
				height: 200px;
				/*margin-top: 20px;*/
				/*margin-left: 20px;*/
				/*margin-right: 20px;*/
				/*margin-bottom: 30px;*/
				margin: 20px 20px 20px 30px;
				/*padding-top: 20px;*/
				/*padding-bottom: 20px;*/
				/*padding-left: 20px;*/
				/*padding-right: 20px;*/
				/*padding: 20px 20px 20px 20px;*/
				padding: 20px;
				background: black;
				color: white;
				border: 2px solid red;
			}
		</style>
	</head>
	<body style="background-color: aqua">
	<div class="container">
		<div class="fs" style="font-size: 30px;background-color: blue">阮一峰的个人博客</div>
		<div style="font-size: 20px">Ruan Yifeng's Personal Website</div>
		<div class="title-a">网络日志</div>
		<div class="title-a">未来世界</div>
		<div class="title-a">前方的路</div>
		<div>
			<a class="fs contact" style="background-color: #f00" href="https://www.baidu.com">contact</a>
			<span class="fs contact" style="background-color: blue">| xxxxx.com</span>
		</div>
	</div>
	<div>盒模型</div>
	<div class="box">1</div>
	<div class="box">2</div>
	</body>
</html>
